/*公共属性*/
/*清除浮动*/
.clear:after{content:"";display:table;clear:both;font-size:1px;line-height:0;height:0;}

/*字体大小*/
.f12{ font-size: 12px!important; }
.f13{ font-size: 13px!important; }
.f14{ font-size: 14px!important; }
.f15{ font-size: 15px!important; }
.f16{ font-size: 16px!important; }
.f17{ font-size: 17px!important; }
.f18{ font-size: 18px!important; }
.f20{ font-size: 20px!important; }
.f24{ font-size: 24px!important; }
.f26{ font-size: 26px!important; }

/*padding*/
.p-0{ padding:0!important; }
.p-10{ padding:10px!important; }
.p-15{ padding:15px!important; }
.p-tb10{ padding:10px 0!important; }
.p-lr10{ padding:0 10px!important; }
.p-l10{ padding-left: 10px!important; }
.p-r10{ padding-right: 10px!important; }
.p-t10{ padding-top: 10px!important; }
.p-b10{ padding-bottom:10px!important; }


/*margin*/
.m-0{ margin:0!important; }
.m-10{ margin:10px!important; }
.m-15{ margin:15px!important; }
.m-tb10{ margin:10px 0!important; }
.m-lr10{ margin:0 10px!important; }
.m-l10{ margin-left: 10px!important; }
.m-r10{ margin-right: 10px!important; }
.m-t5{ margin-top: 5px!important; }
.m-t10{ margin-top: 10px!important; }
.m-b10{ margin-bottom:10px!important; }
.m-b66{ margin-bottom:66px!important; }
.m-t-1{ margin-top: -1px!important; }

/*文字左中右对齐*/
.tal{ text-align: left!important; }
.tac{ text-align: center!important; }
.tar{ text-align: right!important; }

//左右浮动类名
.fr {
    float: right;
}
.fl {
    float: left;
}
//常用宽度类名
.w200 { // px
    width: 200px!important;
}
.w80 {
    width: 80px!important;
}
.w-50{ // 百分比
    width: 50%!important;
}
// 常用外边距
.m-t10 {
    margin-top: 10px!important;
}
.m-r10 {
    margin-right: 10px!important;
}
.m-r20 {
    margin-right: 20px!important;
}
.m-r30 {
    margin-right: 30px!important;
}
.m-b10 {
    margin-bottom: 10px!important;
}
.m-l10 {
    margin-left: 10px!important;
}
.left-100 {
    left: 100px!important;
}
.left-200 {
   left: 200px!important;
}
.left-300 {
   left: 300px!important;
}
.left-400 {
   left: 400px!important;
}
.left-500 {
   left: 500px!important;
}
.left-600 {
   left: 600px!important;
}
// 常用内边距
.p-t10 {
    padding-top: 10px!important;
}
.p-r10 {
    padding-right: 10px!important;
}
.p-b10 {
    padding-bottom: 10px!important;
}
.p-l10 {
    padding-left: 10px!important;
}
.padding {
    padding: 10px!important;
}
// 边框样式
.bor-b {
    border-bottom: 1px solid #ccc!important;
}
// 颜色样式
.blue {
    color: #2db7f5;
}
.red {
    color: red;
}
// 表单域
legend {
    margin-left: 20px!important;
  padding: 0 10px!important;
  font-size: 16px!important;
}
fieldset {
margin-top: 10px!important;
border:1px solid #ccc!important;
    td {
    position: relative;
      padding: 20px 15px;
      min-height: 20px;
      line-height: 20px;
      font-size: 14px;
    }
}
// 表单样式
.base {
    overflow: hidden; // 清除表单中浮动
}
//文本域
textarea {
    resize:none !important;
    height: 100px !important;
}
.h-80 {
    height: 80px !important;
}

//主题内容
.content {
    border: 1px solid #ccc;
    background-color: #fff;
    padding:15px;
    margin-top: 20px;
    border-radius: 4px;
}

//导出按钮
.daochu {
    margin: 10px 10px 10px 0!important;
}
//分页
.ivu-page {
    text-align: center;
    margin-top: 15px;
}

// 添加按钮
.add {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

// 参数表单
.canshu {
    display: flex;
    justify-content: flex-start;
}

.ql-container {
    min-height: 200px;
}
